<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>支付页面</title>
	</head>
	<style type="text/css">
		@charset "utf-8";
		/*字体图标*/
		@font-face {font-family: "iconfont";
		  src: url('iconfont.eot?t=1508378598921'); /* IE9*/
		  src: url('iconfont.eot?t=1508378598921#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
		  url('iconfont.ttf?t=1508378598921') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		  url('iconfont.svg?t=1508378598921#iconfont') format('svg'); /* iOS 4.1- */
		}
		
		.iconfont {
		  font-family:"iconfont" !important;
		  font-size:16px;
		  font-style:normal;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
		
		/*.icon-zhifushibai:before { content: "\e615"; }*/
		.icon-zhifushibai:before { content: "\e670"; }
		.icon-zhifuchenggong:before { content: "\e76b"; }
		/* 公用样式 */
		*{ margin:0; padding:0; outline: none;border: none;}
		html{ font-size:53px;}
		body{ font-family: "Adobe"; background: #f2f8ff; }
		a{ text-decoration:none; }
		img{ border:0;}
		ul,li{ padding:0; margin:0; list-style:none;}
		input{background: none}
		.clearfix{
		    overflow: hidden;
		    _height:1px;
		}
		.fixed{ overflow: hidden; height: 100%; }
		.pore{ position: relative; }
		.poab{ position: absolute; }
		.pofix{position: fixed;}
		.top{top:0;}
		.bottom{ bottom: 0; }
		.flLeft{ float: left; }
		.flRight{ float: right; }
		.fix{ overflow: hidden; height: 100%;}
		.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
		.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
		.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
		.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
		.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
		.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
		.status{text-align: center;margin-top: 0.6rem;}
		.status .icon-zhifushibai{font-size: 2.8rem;color: #EF4F4F;}
		.status .icon-zhifuchenggong{font-size: 2.8rem;color: #09BB07;}
		.text{font-size: 0.5rem;color: #3D4045;text-align: center;}
		.button{height: 0.7rem;width: 5rem;border:#09BB07 1px solid;font-size: 0.3rem;color:#09BB07;margin: 0.8rem auto;border-radius: 3px;}
		.err{border:#EF4F4F 1px solid;color: #EF4F4F;}
	</style>
	<body>
		<div class="status">
			<i class="icon iconfont icon-zhifuchenggong"></i>
		</div>
		<div class="text">
			<p style="margin-top: 0.3rem;">付款成功</p>
		</div>
		<div class="button flex flex-align-center flex-pack-center"><p>确认付款</p></div>
		<div style="margin-left: 1.2rem;text-align: left;margin-top: -0.6rem;">
			<p style="font-size: 0.28rem;color: #3D4045;">备注：支付中</p>
		</div>
	</body>
	<script type="text/javascript">
		!(function(doc, win) {
        var docEle = doc.documentElement,//获取html元素
            event = "onorientationchange" in window ? "orientationchange" : "resize",//判断是屏幕旋转还是resize;
            fn = function() {
                var width = docEle.clientWidth;
                width && (docEle.style.fontSize = 50 * (width / 375) + "px");//设置html的fontSize，随着event的改变而改变。
            };
        win.addEventListener(event, fn, false);
        doc.addEventListener("DOMContentLoaded", fn, false);
    }(document, window));
	</script>
</html>
